.tab-title ul {
  display: flex;
}

.tab-title ul li {
  line-height: 36px;
  cursor: pointer;
  background-color: aqua;
  width: 150px;
  padding: 0 15px;

}

.tab-title ul .active {
  background-color: red;
}

.tab-title ul li i {
  width: 16px;
  height: 16px;
  font-family: 'iconfont';
  float: right;
  line-height: 16px;
  margin-top: 12px;
}

.tab-title ul li i:hover {
  background-color: blue;
}

.tab-title ul li i::after {
  content: '\e6e1';
}